const { defineConfig } = require('@vue/cli-service')
// 引入等比适配插件
const px2rem = require('postcss-px2rem')

// 缩放
// 配置基本大小
const postcss = px2rem({
    // 基准大小 baseSize，需要和rem.js中相同
    remUnit: 100
})
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: './',
  devServer: {
    historyApiFallback: {
      index: '/index.html' 
      //与output的publicPath有关(HTMLplugin生成的html默认为index.html)
    },
    proxy: {
      '/menu': {
        target: process.env.VUE_APP_URL,
        changeOrigiin: true,
        ws: true
      }
    }
  },
  productionSourceMap:false,
  chainWebpack( config ) {
    config.optimization.splitChunks({
      chunks: 'all'
    })
  }
//    css: {
//         loaderOptions: {
//             less: {
//                 modifyVars: styles,
//                 // DO NOT REMOVE THIS LINE
//                 javascriptEnabled: true,
//                 // lessOptions: {
//                 //     javascriptEnabled: true,
//                 // },
//                 // options: { javascriptEnabled: true }

//             },
//             // 使用等比适配插件
//             postcss: {
//                 plugins: [
//                     postcss,
//                 ],
//             },

//         }
//     },
})
